const colorSchemes = [
  {
    name: "Midnight",
    colors: {
      '--nb-gray-900': '#0f172a',
      '--nb-gray-700': '#1e293b',
      '--nb-gray-300': '#cbd5e1',
      '--nb-gray-100': '#f1f5f9',
      '--nb-white': '#ffffff',
      '--nb-blue': '#6366f1',
      '--nb-blue-dark': '#4f46e5',
      '--nb-orange': '#f59e0b',
      '--nb-red': '#ef4444',
      '--nb-green': '#10b981',
      '--nb-accent-pink': '#ec4899',
      '--nb-accent-cyan': '#06b6d4'
    }
  },
  {
    name: "Sunset",
    colors: {
      '--nb-gray-900': '#1e1b4b',
      '--nb-gray-700': '#312e81',
      '--nb-gray-300': '#c7d2fe',
      '--nb-gray-100': '#eef2ff',
      '--nb-white': '#ffffff',
      '--nb-blue': '#f97316',
      '--nb-blue-dark': '#ea580c',
      '--nb-orange': '#f59e0b',
      '--nb-red': '#ef4444',
      '--nb-green': '#10b981',
      '--nb-accent-pink': '#ec4899',
      '--nb-accent-cyan': '#06b6d4'
    }
  },
  {
    name: "Forest",
    colors: {
      '--nb-gray-900': '#052e16',
      '--nb-gray-700': '#166534',
      '--nb-gray-300': '#bbf7d0',
      '--nb-gray-100': '#dcfce7',
      '--nb-white': '#ffffff',
      '--nb-blue': '#10b981',
      '--nb-blue-dark': '#059669',
      '--nb-orange': '#f59e0b',
      '--nb-red': '#ef4444',
      '--nb-green': '#10b981',
      '--nb-accent-pink': '#ec4899',
      '--nb-accent-cyan': '#06b6d4'
    }
  },
  {
    name: "Berry",
    colors: {
      '--nb-gray-900': '#831843',
      '--nb-gray-700': '#9d174d',
      '--nb-gray-300': '#f9a8d4',
      '--nb-gray-100': '#fce7f3',
      '--nb-white': '#ffffff',
      '--nb-blue': '#ec4899',
      '--nb-blue-dark': '#db2777',
      '--nb-orange': '#f59e0b',
      '--nb-red': '#ef4444',
      '--nb-green': '#10b981',
      '--nb-accent-pink': '#ec4899',
      '--nb-accent-cyan': '#06b6d4'
    }
  },
  {
    name: "Ocean",
    colors: {
      '--nb-gray-900': '#164e63',
      '--nb-gray-700': '#155e75',
      '--nb-gray-300': '#a5f3fc',
      '--nb-gray-100': '#ecfeff',
      '--nb-white': '#ffffff',
      '--nb-blue': '#06b6d4',
      '--nb-blue-dark': '#0891b2',
      '--nb-orange': '#f59e0b',
      '--nb-red': '#ef4444',
      '--nb-green': '#10b981',
      '--nb-accent-pink': '#ec4899',
      '--nb-accent-cyan': '#06b6d4'
    }
  }
];

let currentScheme = 0;
const root = document.documentElement;
const cycleBtn = document.querySelector('.color-cycle-btn');

function applyColorScheme(schemeIndex) {
  const scheme = colorSchemes[schemeIndex];
  cycleBtn.textContent = `Theme: ${scheme.name}`;

  for (const [property, value] of Object.entries(scheme.colors)) {
    root.style.setProperty(property, value);
  }
}

cycleBtn.addEventListener('click', () => {
  currentScheme = (currentScheme + 1) % colorSchemes.length;
  applyColorScheme(currentScheme);
});

// Initialize with first scheme
applyColorScheme(currentScheme);
